<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>职位管理</title>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
   
    <!-- 利用boostrap引入相关js -->
    <!-- 模块化头部复用 -->
    <!-- <script src="/lib/requirejs/require.js" data-main="/js/position.js"></script> -->
</head>
<body>
        <div class="container ">
                <header></header>
                    <!-- 导航下边有个提示  外边要包个div行-->
                   <!-- 表格 -->
                   <table class="table table-bordered table-striped">
                       <thead>
                           <tr>
                               <th>序号</th>
                               <th>公司logo</th>
                               <th>姓名</th>
                               <th>职位</th>
                               <th>操作</th>
                           </tr>
                       </thead>
                       <tbody>
                           <tr>
                               <td>1</td>
                               <td>oh</td>
                               <td>liho</td>
                               <td>pi</td>
                               <td><a href="#">编辑</a>    <a href="#">删除</a></td>

                           </tr>
                           <tr>
                                <td>1</td>
                                <td>oh</td>
                                <td>liho</td>
                                <td>pi</td>
                                <td><a href="#">编辑</a>    <a href="#">删除</a></td>
 
                            </tr>
                            <tr>
                                    <td>1</td>
                                    <td>oh</td>
                                    <td>liho</td>
                                    <td>pi</td>
                                    <td><a href="#">编辑</a> <a href="#">删除</a></td>
     
                                </tr>
                                <tr>
                                        <td>1</td>
                                        <td>oh</td>
                                        <td>liho</td>
                                        <td>pi</td>
                                        <td><a href="#">编辑</a>   <a href="#">删除</a></td>
         
                                    </tr>
                                    <tr>
                                            <td>1</td>
                                            <td>oh</td>
                                            <td>liho</td>
                                            <td>pi</td>
                                            <td><a href="#">编辑</a>   <a href="#">删除</a></td>
             
                                        </tr>
                       </tbody>
                   </table>
                    
                  </div>

    <!-- 头部复用 根据之前的头部复用没有成功？？复用的方式除了require还可以用创建对象，new对象script 引入的方式-->
    <!-- <div class="container"></div> -->
     <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
    <!-- 因为bootstrap中的jQuery插件是基于jQuery的 所以先引入jQuery -->
    <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
    <!-- 利用boostrap引入相关js -->
    <script src="/js/common/loginmodule.js"></script>
    <script src="/js/common/registermodule.js"></script>
    <script src="/js/common/header.js"></script>
</body>
</html>